.main{
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
}
.col-xl-9{
  border-right:#DDDDDD 1px solid;
  .h1div{
    display: inline-block;
    width: 420px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    h1{
      font-size: 24px;
    }
  }
  .hangqingli{
    float: left;
    margin-right: 20px;
  }
  .top{
    padding: 0 6px 10px 6px;
    line-height: 28px;
    border-bottom: #DDDDDD 1px solid;
    margin-bottom: 20px;
    clear: both;
    width: 420px;
    height: 41px;
    .titleright{
      float: right;
    }
    p{
      display: inline-block;
    }
  }
  .bottom {
    width: 420px;
    p{
      display: inline-block;
      font-size: 12px;
    }
    .bottomright{
      float: right;
    }
  }
}
.col-xl-3{
  .hchanpingli{
    float: left;
    margin-right: 20px;
  }
  .top{
    padding: 0 6px 10px 6px;
    line-height: 28px;
    border-bottom: #DDDDDD 1px solid;
    margin-bottom: 20px;
    clear: both;
    width: 299px;
    height: 41px;
    .titleright{
      float: right;
    }
    p{
      display: inline-block;
    }
  }
  .bottom {
    width: 299px;
    p{
      display: inline-block;
      font-size: 12px;
    }
    .bottomright{
      float: right;
    }
  }
}
.scroll-box {
  width:299px;
  height:299px;
  border:1px solid #DDDDDD;
  margin:20px auto;
  overflow:hidden;
}
.scroll-box ul {
  list-style:none;
  width:100%;
  height:100%;
}
.scroll-box tr{
  width:100%;
  height:40px;
  box-sizing:border-box;
  line-height:40px;
  text-align:left;
}